<template>
	<view class="content">
    
    <!-- 筛选条件区域 -->
		<view class="filter">
		  <filterArea />
		</view>
    
    <!-- 双低表单区域 -->
    <view class="dblow-area">
      <dbLowTable />
    </view>
    <view class="explain">
      <explain />
    </view>
	</view>
</template>

<script>
  import { createNamespacedHelpers } from 'vuex'
  // const { mapState: userState, mapActions: userAction } = createNamespacedHelpers('user')
  const { mapState, mapActions } = createNamespacedHelpers('indexPage')

  import dbLowTable from './_component/dbLowTable.vue'
  import filterArea from './_component/filter.vue'
  import explain from './_component/explain.vue'
  
	export default {
    components:{
      dbLowTable,
      filterArea,
      explain
    },
		data() {
			return {
				title: 'Hello'
			}
		},
    computed: {
      // ...userState(['token']),
      ...mapState(['queryInfo'])
    },
		onShow() {
      // if (!this.token) {
      //   uni.showToast({
      //     title:'正在登录/注册，请稍后',
      //     icon: 'none'
      //   })
      //   this.loginByWxReq()
      // }
      this.getDbLowReq()
		},
		methods: {
      // ...userAction(['loginByWxReq']),
      ...mapActions(['getDbLowReq'])
		},
    
    onPullDownRefresh() {
      this.getDbLowReq()
    }
	}
</script>

<style lang="scss">
  
	.content {
    width: 720rpx;
    margin: auto;
	}
  
  .dblow-area {
    width: 690rpx;
    margin: 0 auto;
    box-shadow: 0 0 10rpx #333;
    border-radius: 10rpx;
  }

	
</style>
